<template>
  <div class="home">
    <!-- 公司领导 -->
    <div class="leader">
      <div class="leader__title">
        <h2>团队核心成员</h2>
      </div>
      <leader></leader>
    </div>
    <div class="with-us">
      <with-us></with-us>
    </div>
  </div>
</template>

<script>
import Leader from '../components/leader.vue'
import WithUs from '../components/withUs.vue'

export default {
  components: {
    Leader,
    WithUs
  },
  data () {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
.flex-box-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.home {
  margin: 0 auto;
  .leader {
    &__title {
      display: flex;
      justify-content: center;
      margin: 40px 0;
      h2 {
        width: 400px;
        text-align: center;
      }
    }
  }
}
</style>
